/* 
* @Author: sublime text
* @Date:   2019-07-24 09:34:32
* @Last Modified by:   sublime text
* @Last Modified time: 2020-12-18 18:34:42
*/


/*通用样式*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;} 
body{font-family:'Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:14px;background:#fff;width:100%;height:100%;position:relative;}
.wrap{position:relative;margin:0px auto;width:1200px;padding:0px;height: 100%;}
.clear{width:0;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
body{overflow-x: hidden;}
a{ color:#333; text-decoration:none; outline:none;}


/*头部*/
#toubu{width: 100%;margin:0 auto;height: 100px;background: #fff;position:fixed;z-index:9999;top:0px;box-shadow: 0 1px 8px #c7c7c7;}
#toubu .neirong{width: 100%;margin:0 auto;height: 100px;}
#toubu .logo{font-size: 13px;color: #333333;text-transform: uppercase;text-align: center;line-height: 25px;display:block;}
#toubu .logo img{display: block;margin:0 auto;}
#toubu .fl{width: 20%;padding-top: 24px;}
#toubu .fr{width: 80%;position: relative;}
#toubu .fr .nav{width: 85%;float: left;padding-top: 40px;}
#toubu .fr .nav li{float: left;margin-right:2%;}
#toubu .fr .nav li:last-child{margin-right:0%;}
#toubu .fr .nav li a{font-size: 15px;color: #333333;letter-spacing: 1px;padding-bottom: 18px;}
#toubu .fr .nav li a:hover,#toubu .fr .nav li a.active{background:url(/ufile/115603/image/line.png)no-repeat bottom;color:#d7000f;}

#toubu .fr .you{float: right;width: 13%;}
#so{
    display:block;
    cursor:pointer;
    float:left;
    position: relative;
    padding-top: 40px;
}
#so i{
    font-size:18px;
    text-align: center;
    line-height: 90px;
}
#search_box{
    background:#f0f0f0;
    position:absolute;
    top:100px;
    right:130px;
    z-index:99999;
    padding:10px;
    display:none;
    border:1px solid #ccc;
}
#search_box:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    bottom: 100%;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #f0f0f0;
    right:0px;
}

.search .key_text{
    height:40px;
    float:left;
    width:250px;
    overflow:hidden;
    line-height:40px;
    outline:none;
    border:none;
    text-indent:10px;
    background:#fff;
    border-right: none;

}

.search .search_btn{
    cursor:pointer;
    border:none;
    outline:none;
    /* position: absolute;
    right: 0;
    top:0; */
    float: left;
    z-index: 10;
    width:40px;
    height:42px;
    overflow:hidden;
    line-height:40px;
    text-align:center;
    /* font-size: 0px;
    text-indent: -99999em;
    line-height: 0; */
    background: #fff;
    /* color: #fff; */
    font-size: 20px;
}

#other{
    cursor:pointer;
    float:right;
    height: 60px;
    padding-top: 40px;
	margin-right:20%;
}
#other p{
    display:block;
    cursor:pointer;
    float: right;
    font-size: 16px;
    background:url(/ufile/115603/image/lan.png)left no-repeat;
    text-indent: 30px;
}
}
#other p .fa-dribbble{
    margin-right: 10px;
}
#other p .fa-angle-down{
    margin-left: 10px;
}
#other ul{
    position:absolute;
    right:0;
    top:100px;
    width:120px;
    display:none;
    background:#666;
    z-index:9999999;
}
#other ul li{
    line-height:40px;
    text-align:center;
    border-bottom:1px dotted #ccc;
    width: 120px;
}
#other ul li a{
    color:#fff;
    display:block;
    transition:0.6s;
}
#other ul li a:hover{background: #b41924;color: #fff;}



@media screen and (min-width:1500px){
 #toubu .fr .nav li{float: left;margin-right:3.5%;}
 #other{margin-right:30%;}
 #other ul{right:2%;}
 #toubu .fr .nav li a{font-size:16px;}
 #search_box {right:11.5%;}
}


#banner{margin-top:100px;}



/*版权*/
#ban{width: 100%;height: 508px;background: url(/ufile/115603/image/dibu.jpg)no-repeat center;position: relative;margin-top:100px;}
#ban .nav{width: 1000px;height: 50px;line-height: 50px;float: right;text-align: right;}
#ban .nav a{font-size: 16px;color: #333;padding-right: 35px;}
#ban .nav a:hover{color: #d7000f;}
#ban .nav a:last-child{padding-right: 0px;}
#ban .bottom .fl{color: #fff;font-size: 14px;line-height: 40px;padding-top: 60px;width: 420px;}
#ban .bottom .fl .wen{padding-top: 30px;}
#ban .bottom .zhong{width: 450px;float: left;padding-top: 60px;margin-left: 50px;}
#ban .bottom .zhong li{width: 33.3%;float: left;color: #fff;}
#ban .bottom .zhong li dt{font-weight:normal;}
#ban .bottom .zhong li dt a{padding-top: 25px;color: #fff;display: inline-block;}
#ban .bottom .zhong li dt a:hover{color: #d7000f;}
#ban .bottom .zhong li dl p{font-size: 18px;color: #d7000f;line-height: 30px;}
#ban .bottom .zhong li dl{font-size: 14px;color: #cacaca;text-transform: uppercase;}
#ban .bottom .fr{width: 225px;height: 355px;background: #d7000f;}
#ban .bottom .fr .lian{width: 80%;margin: 0 auto;padding-top: 30px;}
#ban .bottom .fr .lian a{width: 33.3%;float: left;text-align: center;}
#ban .bottom .fr .phone{width: 85%;margin:0 auto;font-size: 20px;color: #fff;text-align: right;margin-top: 30px;height: 30px;}
#ban .bottom .fr .phone img{display: block;float: left;}
#ban .bottom .fr .erwei{text-align: center;color: #fff;letter-spacing: 5px;margin-top: 35px;}
#ban .bottom .fr .erwei img{display: block;margin:0 auto;margin-bottom: 20px;}

#ban .xia{width: 100%;height: 45px;line-height: 45px;position: absolute;bottom: 0;color: #999999;}
#ban .xia a{color: #999999;}
#ban .xia a:hover{color: #d7000f;}
#ban .xia .fl,#ban .xia .fr{width: 300px;}
#ban .xia .fr{text-align: right;}
#ban .xia .zhong{width: 600px;text-align: center;float: left;}






/* 滚动条样式 */

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;

}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(215, 0, 15, 1) !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}


.gototop {
    display: none;
    -webkit-animation: hide 350ms ease-out forwards 1;
    animation: hide 350ms ease-out forwards 1;
    padding: 16px 32px;
    border: 0;
    text-align: center;
    background-color:#d7000f;
    color: #fff;
    position: fixed;
	border:none;
	outline:none;
    bottom: 16px;
    right: 16px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
}
.gototop > span {
    display: inline-block;
    -webkit-transition: transform 100ms 100ms ease-in-out;
    transition: transform 100ms 100ms ease-in-out;
}
.gototop:hover,
.gototop:focus {
    background-color:#d7000f;
}
.gototop:hover > span,
.gototop:focus > span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.isvisible {
    -webkit-animation: show 1s ease-out forwards 1;
    animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide{
  0% {
    opacity: 1;
    -webkit-transform:translateY(0);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    -webkit-transform:translateY(100px);
  }
}
@keyframes hide{
  0% {
    opacity: 1;
    transform:translateY(0);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    transform:translateY(100px);
  }
}

@-webkit-keyframes show{
  0% {
    -webkit-transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }
}

@keyframes show{
  0% {
    transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    transform: rotate(0deg);
  }
}